# 组容器 (Button)

原始初衷是为了多个按纽横向排列时有间距

### **代码演示**

### 1. 横向

```jsx live=true
<SpaceWraper direction={"row"}>
  <Button style={CodeBlockStyle.square}>添加</Button>
  <Button style={CodeBlockStyle.square}>编辑</Button>
  <Button style={CodeBlockStyle.square}>删除</Button>
</SpaceWraper>
```

### 2. 纵向

```jsx live=true
<SpaceWraper direction={"column"}>
  <Button style={CodeBlockStyle.square}>添加</Button>
  <Button style={CodeBlockStyle.square}>编辑</Button>
  <Button style={CodeBlockStyle.square}>删除</Button>
</SpaceWraper>
```

### 3. 不可用

下属子一级直接不可用

```jsx live=true
<SpaceWraper disabled>
  <Button>添加</Button>
  <Button>编辑</Button>
  <Button>删除</Button>
</SpaceWraper>
```

### **属性**

| 参数     | 说明     | 类型    | 可选值 | 默认值 |
| -------- | -------- | ------- | ------ | ------ |
| disabled | 是否可用 | boolean | true   | false  | false |
